<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-eval'; object-src 'self'">
    -->
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-eval' 'unsafe-inline'; object-src 'self'">
    <title>PageFontStyle</title>
    <script src="lib/jquery-3.1.0.min.js"></script>
    
    <!--
    <script src="jscolor.min.js"></script>
    -->
    <link rel="stylesheet" type="text/css" href="popup.css">

    <!-- 引入 layui.css -->
    <link href="lib/layui.css" rel="stylesheet">

    <!-- 引入 layui.js -->
    <script src="lib/layui.js"></script>

</head>
<body>
<div style="width: 500px; height: 500px;">    
    <div>查询异常考勤时间：<span id="currentDate"></span></div>
    <div>异常打卡信息：</div>
    <div>
        <table class="layui-hide" id="ID-table-demo-templet"></table>
    </div>

    <!-- select -->
    <!--注: 自 2.9.12 版本开始，select 可与 table 实现友好兼容。若使用旧版本，则推荐采用原生 select（即添加 lay-ignore 属性）-->
    <script type="text/html" id="TPL-select-demo">
        {{#  var handledList = d.handledList || ["已处理", "未处理"]; }}
        <select name="handled_flag" lay-filter="select-demo" lay-append-to="body">
          <option value="">是否处理</option>
          {{#  layui.each(handledList, function(i, v){ }}
          <option value="{{= v }}" {{= v === d.handled_flag ? 'selected' : '' }}>{{= v }}</option>
          {{#  }); }}
        </select> 
    </script>    
</div>

<script src="popup.js"></script>
</body>
</html>